<template>
  <view class="page">
    <view class="card-container">
    <view class="card">
      <text class="content-text">
        &emsp;&emsp;智护星IGS小程序，在人工智能时代应运而生，是探索人工智能与自我成长的得力伙伴。​
      </text>
      <text class="content-text">
        &emsp;&emsp;我们的使命是助力用户合理运用人工智能，服务于人类创造思维发展。为此，打造独特体系：​
      </text>
      <ul class="paragraph">
        <li class="item">
          <span class="title">- **心域星测**：​</span>
          <text class="content-text">
            通过人工智能使用问卷、威廉斯创造力倾向量表、创造性思维能力测验量表，精准了解自身在人工智能使用习惯、创造力倾向及思维能力方面的现状。​
          </text>
        </li>
        <li class="item">
          <span class="title">- **智识星穹**：​</span>
          <text class="content-text">
            深度科普人工智能、自我控制及创造性思维内涵，剖析联系，丰富知识储备。​
          </text>
        </li>
        <li class="item">
          <span class="title">- **星趣奇遇**：​</span>
          <text class="content-text">
            设计小游戏，以趣味互动提高自我控制与创造性思维，寓教于乐。​
          </text>
        </li>
        <li class="item">
          <span class="title">- **星护家园**：​</span>
          <text class="content-text">
            记录历史成绩，方便回顾成长；开放论坛，汇聚观点经验；“关于我们”为您答疑，介绍小程序发展历程与愿景。​
          </text>
        </li>
      </ul>
      <text class="content-text">
        &emsp;&emsp;智护星IGS小程序，以用户需求为导向，用专业、科学、趣味的内容与功能，陪您开启智趣成长新征程。
      </text>
    </view>
  </view>

  </view>
</template>

<script>

</script>

<style scoped lang="scss">
.page {
  width: 100%;
  height: 100vh;
  background-image: url('https://wxapi.xiaoyiwl.cn/images/%E5%85%B3%E4%BA%8E%E6%88%91%E4%BB%AC_bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.card-container {
  padding: 20rpx;
}

.card {
  background-color: rgba(255, 245, 220, 0.9); /* 浅米色半透明背景，贴合整体风格 */
  padding: 10rpx;
  border-radius: 20rpx;
  margin-top: 260rpx;
}

.content-text {
  color: #663300; /* 深黄色文字 */
  font-size: 28rpx;
  line-height: 1.6;
  text-indent: 2em; /* 首行缩进 */
}

.paragraph {
  margin-top: 15rpx;
  padding-left: 20rpx;
}

.item {
  margin: 15rpx 0;
}

.title {
  color: #ff9900; /* 橙色标题突出显示 */
  font-weight: bold;
  font-size: 30rpx;
}
</style>